; (function (doc, storage, location) {
  // 1. 先获取需要处理的 dom 节点
  var oInput = doc.querySelector('input');
  var oButton = doc.querySelector('button');

  // 单独的一个函数作用域
  var init = () => {
    autoLogin();
    bindEvent();
  };

  // 绑定监听事件的函数
  function bindEvent() {
    oButton.addEventListener('click', handleClickBtn, false);
  }

  // 自动登录
  function autoLogin() {
    var userName = storage.getItem('userName');
    if (userName) {
      location.href = '/';
    }
  }

  // 处理登录按钮点击事件的函数
  function handleClickBtn() {
    // console.log('尝试登录');
    // 1. 先获取到用户名
    var userName = oInput.value.trim();

    // 用户名合法判断
    if (userName.length < 6) {
      alert('用户名长度不能小于 6 位哦')
      return;
    }

    // 2. 存储用户名（localStorage）
    storage.setItem('userName', userName);

    // 3. 跳转到首页
    location.href = '/';
  }

  init();
})(document, localStorage, location);